@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

body {
	font-family: 'Quicksand';
	background-color: #272727;
	margin: 0; /* reset */
	text-align: center;
}

h1 {
	color: white;
	margin: 3px 0;
}

section:not(:first-child) h1 {
	margin-top: 10px;
}

img {
	max-width: 40px;
	height: auto;
	margin: 7px;
	padding: 10px;
	border: none;
	background-color: rgba(255,255,255,0.1);
	border-radius: 10px;
}

img:hover {
	background-color: rgba(255,255,255,0.3);
}

a {
	text-decoration: none;
}